﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RouteDetail.aspx.cs" Inherits="Omabar.CMS.Mobile.RouteDetail" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link type="text/css" rel="stylesheet" href="css/index.css" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css" />
    <link type="text/css" rel="stylesheet" href="css/zzsc.css" media="screen" />

    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/zzsc.js" type="text/javascript"></script>

    <title>欧玛贝，来自德国，专注定制</title>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#bottomNav a").click(function () {
                $("#bottomNav a").removeClass("current");
                $(this).addClass("current");
            });

            //$("#mainRegion").css("height", document.documentElement.clientHeight - 50 - $("#bottomNav").height());
        });
    </script>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="logo title" style="height:50px;">
                    <div class="floatL" style="width: 200px; height: 100%; line-height: 50px; font-size: 1.5em; padding-left: 10px;"><%=route.ROUTE_NAME %></div>
                    <div class="floatR NavIcon">
                        <a href="SideBar.aspx">
                            <img src="images/TopNav.png" style="height:43px; margin-bottom:3px;"  /></a>
                    </div>
                </div>

                <div class="PIcInstructions">
                    <span class="font16">¥</span><span class="font30"><%=route.ROUTE_PRICE%></span><span class="font16">/人起</span>
                </div>

                <div id="TCarousel" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <%for(int i=0;i<photos.Count;i++){ %>
                        <li data-target="#TCarousel" data-slide-to="<%=i%>" class="<%=i==0?"active":"" %>"></li>
                        <%} %>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <%for(int i=0;i<photos.Count;i++){ %>
                        <%var photo=photos[i]; %>
                        <div class="item<%=i==0?" active":"" %>">
                            <a href="javascript:void(0);">
                                <img class="first-slide" src="<%=photo.PHOTO_URL %>" alt="" /></a>
                        </div>
                        <%} %>
                    </div>
                    <a class="left carousel-control" href="#TCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#TCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>

                <div class="LineDashedBottom lineh24 TextIndent">
                    <%=package.PACKAGE_DES %>
                </div>

                <div class="lineh24 marginT10">费用包含</div>
                <div class="costInstructions">
                    <%=package.PACKAGE_INCLUDE %>
                </div>
                <div class="lineh24 marginT10">费用不包含</div>
                <div class="costInstructions">
                    <%=package.PACKAGE_EXCLUDE %>
                </div>

                <div class="bottomNav" id="bottomNav">
                    <div class="Nav">
                        <a href="RouteList.aspx" class="Nav02"></a>
                        <a href="TripList.aspx?id=<%=route.ROUTE_ID %>" class="Nav0301"></a>
                        <a href="PersonalTailor.aspx?id=<%=route.ROUTE_ID %>" class="Nav03"></a>
                        <a href="SpecialItemList.aspx?id=<%=route.ROUTE_ID %>" class="Nav04"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
